/** @type {import('tailwindcss').Config} */
module.exports = {
	separator: '__', // 如果是小程序项目需要设置这一项，将 : 选择器替换成 __，之后 hover:bg-red-500 将改为 hover__bg-red-500  
	corePlugins: {
		// 预设样式  
		preflight: false, // 一般uniapp都有预设样式，所以不需要tailwindcss的预设  

		// 以下功能小程序不支持  
		space: false, // > 子节点选择器  
		divideWidth: false,
		divideColor: false,
		divideStyle: false,
		divideOpacity: false,
	},
	content: ['./index.html', './pages/**/*.{vue,js,html}'],
	theme: {
		extend: {
			colors: {
				primary: '#3c9cff'
			},
			fontSize: {
				'xs': '24rpx',
				'sm': '26rpx',
				'base': '28rpx',
				'lg': '30rpx',
				'xl': '32rpx',
				'2xl': '34rpx',
				'3xl': '38rpx',
				'4xl': '40rpx',
				'5xl': '44rpx'
			},
			spacing(config) {
				let result = { 0: '0' }
				// 允许的数值大一些也无所谓，最后打包tailwindcss会摇树优化，未使用的样式并不会打包  
				for (let i = 1; i <= 750; i++) {
					result[i] = `${i}rpx`
				}
				return result
			},
		}
	},
	plugins: [],
}
